<!DOCTYPE html>

<!-- 

Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 2.3.1

Version: 1.3

Author: KeenThemes

Website: http://www.keenthemes.com/preview/?theme=metronic

Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469

-->

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->

<!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]-->

<!-- BEGIN HEAD -->

<head>

	<meta charset="utf-8" />

	<title>Metronic | Admin Dashboard Template</title>

	<meta content="width=device-width, initial-scale=1.0" name="viewport" />

	<meta content="" name="description" />

	<meta content="" name="author" />

	<!-- BEGIN GLOBAL MANDATORY STYLES -->

	<link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

	<link href="media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>

	<link href="media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

	<link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/>

	<link href="media/css/style.css" rel="stylesheet" type="text/css"/>

	<link href="media/css/style-responsive.css" rel="stylesheet" type="text/css"/>

	<link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>

	<link href="media/css/uniform.default.css" rel="stylesheet" type="text/css"/>

	<!-- END GLOBAL MANDATORY STYLES -->

	<!-- BEGIN PAGE LEVEL STYLES --> 

	<link href="media/css/bootstrap-fileupload.css" rel="stylesheet" type="text/css" />

	<link href="media/css/chosen.css" rel="stylesheet" type="text/css" />

	<link href="media/css/profile.css" rel="stylesheet" type="text/css" />
	<link href="media/css/search.css" rel="stylesheet" type="text/css"/>

	<!-- END PAGE LEVEL STYLES -->

	<link rel="shortcut icon" href="media/image/favicon.ico" />

</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="page-header-fixed page-footer-fixed">

	<!-- BEGIN HEADER -->
	<div class="compare-box compareShowPopover" title="公司列表" 
		 data-content="<div class='list'>
		 	<ul><div class='delete-btn'><a href='javascript:;'>删除</a></div><li>浙江中新力合控股有限公司</li>
		 	<div class='delete-btn'><a href='javascript:;'>删除</a></div><li>美都能源股份有限公司 </li>
		 	<div class='delete-btn'><a href='javascript:;'>删除</a></div><li>杭州众合投资合伙企业</li>
		 	<div class='delete-btn'><a href='javascript:;'>删除</a></div><li>杭州佑兴投资合伙企业</li></ul></div>" 
		 	 data-html='true'>
		<a href="compare.html">查看对比(4)</a>
	</div>

	<div class="header navbar navbar-inverse navbar-fixed-top">

		<!-- BEGIN TOP NAVIGATION BAR -->

		<div class="navbar-inner">

			<div class="container-fluid">

				<!-- BEGIN LOGO -->

				<a class="brand" href="index.html">

				<img src="media/image/upg_logo_03.png" alt="logo" style="width:30px;heidth:30px"/>

				</a>

				<!-- END LOGO -->

				<!-- BEGIN RESPONSIVE MENU TOGGLER -->

				<a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">

				<img src="media/image/menu-toggler.png" alt="" />

				</a>          

				<!-- END RESPONSIVE MENU TOGGLER -->            

				<!-- BEGIN TOP NAVIGATION MENU -->              

				<ul class="nav pull-right">
					<!-- BEGIN USER LOGIN DROPDOWN -->

					<li class="dropdown user">

						<a href="#" class="dropdown-toggle" data-toggle="dropdown">

						<img alt="" src="media/image/avatar1_small.jpg" />

						<span class="username">Bob Nilson</span>

						<i class="icon-angle-down"></i>

						</a>

						<ul class="dropdown-menu">

							<!-- <li><a href="extra_profile.html"><i class="icon-user"></i> My Profile</a></li>

							<li><a href="page_calendar.html"><i class="icon-calendar"></i> My Calendar</a></li>

							<li><a href="inbox.html"><i class="icon-envelope"></i> My Inbox(3)</a></li>

							<li><a href="#"><i class="icon-tasks"></i> My Tasks</a></li>

							<li class="divider"></li>

							<li><a href="extra_lock.html"><i class="icon-lock"></i> Lock Screen</a></li> -->

							<li><a href="index.html"><i class="icon-key"></i> 登出</a></li>

						</ul>

					</li>

					<!-- END USER LOGIN DROPDOWN -->

				</ul>

				<!-- END TOP NAVIGATION MENU --> 

			</div>

		</div>

		<!-- END TOP NAVIGATION BAR -->

	</div>

	<!-- END HEADER -->

	<!-- BEGIN CONTAINER -->

	<div class="page-container">

		<!-- BEGIN SIDEBAR -->

		<div class="page-sidebar nav-collapse collapse">

			<!-- BEGIN SIDEBAR MENU -->        

			<ul class="page-sidebar-menu">

				<li>

					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->

					<div class="sidebar-toggler hidden-phone"></div>

					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->

				</li>
				
				<li class="">

					&nbsp
				</li>
				<li class="active">
					<a href="index.html">

					<i class="icon-home"></i> 

					<span class="title">主页</span>

					<span class="selected"></span>
					</a>
				</li>
			</ul>

			<!-- END SIDEBAR MENU -->

		</div>

		<!-- END SIDEBAR -->

		<!-- BEGIN PAGE -->

		<div class="page-content">

			<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->

			<div id="portlet-config" class="modal hide">

				<div class="modal-header">

					<button data-dismiss="modal" class="close" type="button"></button>

					<h3>Widget Settings</h3>

				</div>

				<div class="modal-body">

					Widget settings form goes here

				</div>

			</div>

			<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->

			<!-- BEGIN PAGE CONTAINER-->

			<div class="container-fluid">

				<!-- BEGIN PAGE HEADER-->

				<div class="row-fluid">

					<div class="span12">

						  

						<!-- BEGIN PAGE SEARCH-->
						
						<h3 class="page-title">
							<form action="#" class="form-search" method="post">
								<div class="chat-form">
									
									<div class="input-cont" style="width:1000px">
										  
										<input type="text" id="searchCompany"  placeholder="Search..." data-provide="typeahead" >
									</div>
								</div>
							</form>
						</h3>
						<div class="row-fluid ">
							<div class="span12">
	
							<!-- BEGIN EXAMPLE TABLE PORTLET-->
								<div class="portlet box blue">
									<div class="portlet-body">
										<div class="alert alert-info">


											以下是为您检索到的结果

										</div>
										<div role="grid" class="dataTables_wrapper form-inline" id="sample_editable_1_wrapper">
											<!--<div class="row-fluid portfolio-block">
												<div class="span12 portfolio-text">
													<div class="portfolio-info span2">
														Username
													</div>
													<div class="portfolio-info span2">
														Full Name
													</div>
													<div class="portfolio-info span2">
														Points
													</div>
													<div class="portfolio-info span2">
														Notes
													</div>
													<div class="portfolio-info span2">
														Edit
													</div>
													<div class="portfolio-info span2">
														Delete
													</div>
												</div>
											</div>-->
											<table class="table table-striped table-bordered table-advance table-hover">
													<thead class="search-table">
														<tr>
															<th class="span2">公司名</th>
															<th class="span2">法人代表</th>
															<th class="span3">公司地址</th>
															<th class="span3">经营范围</th>
															<th class="span2">注册资本</th>
															<th class="span2">操作</th>
														</tr>
													</thead>
													<tbody class="search-table">
														<tr>
															<td class="span2"><a href="company.html">中新力合股份有限公司</a></td>
															<td class="span2">陈杭生</td>
															<td class="span3">杭州市江干区城星路95号中天国开大厦</td>
															<td class="span3">企业管理服务、房地产业咨询活动、软件开发服务、工程管理服务，技术推广应用服务、经济咨询服务</td>
															<td class="span2">4.5亿</td>
															<td class="span2">
																<a class="btn blue" href="javascript:;" onclick='changebtn_index(this);'><i class="icon-plus"></i> 加入对比</a>                      
															</td>
														</tr>
													</tbody>
													<tbody class="search-table">
														<tr>
															<td class="span2"><a href="company.html">中新力合股份有限公司</a></td>
															<td class="span2">陈杭生</td>
															<td class="span3">杭州市江干区城星路95号中天国开大厦</td>
															<td class="span3">企业管理服务、房地产业咨询活动、软件开发服务、工程管理服务，技术推广应用服务、经济咨询服务</td>
															<td class="span2">4.5亿</td>
															<td class="span2">
																<a class="btn blue" href="javascript:;" onclick='changebtn_index(this);'><i class="icon-plus"></i> 加入对比</a>                      
															</td>
														</tr>
													</tbody>
													<tbody class="search-table">
														<tr>
															<td class="span2"><a href="company.html">中新力合股份有限公司</a></td>
															<td class="span2">陈杭生</td>
															<td class="span3">杭州市江干区城星路95号中天国开大厦</td>
															<td class="span3">企业管理服务、房地产业咨询活动、软件开发服务、工程管理服务，技术推广应用服务、经济咨询服务</td>
															<td class="span2">4.5亿</td>
															<td class="span2">
																<a class="btn blue" href="javascript:;" onclick='changebtn_index(this);'><i class="icon-plus"></i> 加入对比</a>                      
															</td>
														</tr>
													</tbody>
													<tbody class="search-table">
														<tr>
															<td class="span2"><a href="company.html">中新力合股份有限公司</a></td>
															<td class="span2">陈杭生</td>
															<td class="span3">杭州市江干区城星路95号中天国开大厦</td>
															<td class="span3">企业管理服务、房地产业咨询活动、软件开发服务、工程管理服务，技术推广应用服务、经济咨询服务</td>
															<td class="span2">4.5亿</td>
															<td class="span2">
																<a class="btn blue" href="#"><i class="icon-plus"></i> 加入对比</a>                      
															</td>
														</tr>
													</tbody>
												</table>
															
												<div class="row-fluid">
												<div class="span6">
												</div>
												<div class="span6" style="text-align:right">
													<div class="dataTables_paginate paging_bootstrap pagination">
														<ul><li class="prev disabled">
																<a href="#"> 
																	<span class="hidden-480">
																		上一页
																	</span>
																</a>
															</li>
															<li class="active">
																<a href="#">1</a>
															</li>
															<li>
																<a href="#">2</a>
															</li>
															<li>
																<a href="#">3</a>
															</li>
															<li>
																<a href="#">4</a>
															</li>
															<li>
																<a href="#">5</a>
															</li>
															<li class="next">
																<a href="#">
																	<span class="hidden-480">
																		下一页
																	</span>
																</a>
															</li>
														</ul>
													</div>
												</div>
											</div>
										</div>
		
									</div>
		
								</div>
	
							<!-- END EXAMPLE TABLE PORTLET-->
	
							</div>
						
	
					</div>
						<!-- END PAGE SEARCH-->

					</div>

				</div>

				<!-- END PAGE HEADER-->
			</div>

			<!-- END PAGE CONTAINER-->    

		</div>

		<!-- END PAGE -->

	</div>

	<!-- END CONTAINER -->

	<!-- BEGIN FOOTER -->

	<div class="footer">

		<div class="footer-inner">

			2015 &copy; upg.

		</div>

		<div class="footer-tools">

			<span class="go-top">

			<i class="icon-angle-up"></i>

			</span>

		</div>

	</div>

	<!-- END FOOTER -->

	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

	<!-- BEGIN CORE PLUGINS -->

	<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

	<script src="media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>

	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

	<script src="media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>      

	<script src="media/js/bootstrap.min.js" type="text/javascript"></script>

	<!--[if lt IE 9]>

	<script src="media/js/excanvas.min.js"></script>

	<script src="media/js/respond.min.js"></script>  

	<![endif]-->   

	<script src="media/js/jquery.slimscroll.min.js" type="text/javascript"></script>

	<script src="media/js/jquery.blockui.min.js" type="text/javascript"></script>  

	<script src="media/js/jquery.cookie.min.js" type="text/javascript"></script>

	<script src="media/js/jquery.uniform.min.js" type="text/javascript" ></script>

	<!-- END CORE PLUGINS -->

	<!-- BEGIN PAGE LEVEL PLUGINS -->

	<script src="media/js/jquery.vmap.js" type="text/javascript"></script>   

	<script src="media/js/jquery.vmap.russia.js" type="text/javascript"></script>

	<script src="media/js/jquery.vmap.world.js" type="text/javascript"></script>

	<script src="media/js/jquery.vmap.europe.js" type="text/javascript"></script>

	<script src="media/js/jquery.vmap.germany.js" type="text/javascript"></script>

	<script src="media/js/jquery.vmap.usa.js" type="text/javascript"></script>

	<script src="media/js/jquery.vmap.sampledata.js" type="text/javascript"></script>  

	<script src="media/js/jquery.flot.js" type="text/javascript"></script>

	<script src="media/js/jquery.flot.resize.js" type="text/javascript"></script>

	<script src="media/js/jquery.pulsate.min.js" type="text/javascript"></script>

	<script src="media/js/date.js" type="text/javascript"></script>

	<script src="media/js/daterangepicker.js" type="text/javascript"></script>     

	<script src="media/js/jquery.gritter.js" type="text/javascript"></script>

	<script src="media/js/fullcalendar.min.js" type="text/javascript"></script>

	<script src="media/js/jquery.easy-pie-chart.js" type="text/javascript"></script>

	<script src="media/js/jquery.sparkline.min.js" type="text/javascript"></script>  
	<script src="media/js/button.js" type="text/javascript"></script>

	<!-- END PAGE LEVEL PLUGINS -->

	<!-- BEGIN PAGE LEVEL SCRIPTS -->

	<script src="media/js/app.js" type="text/javascript"></script>

	<script src="media/js/index.js" type="text/javascript"></script>        

	<!-- END PAGE LEVEL SCRIPTS -->  

	<script>

		jQuery(document).ready(function() {    

		   App.init(); // initlayout and core plugins

		});
		
		
		
		function show(){
			   alert("查看详情");
		   }
		
		function searchCompany(){
			   alert("搜索");
		   }
		
		
		
		$(".personShowTooltip").tooltip({
			
			background:'red',
	 		trigger:'manual',
            placement : 'top', //placement of the popover. also can use top, bottom, left or right
            html: 'true', //needed to show html of course
            animation: false
        }).on("mouseenter", function () {
                    var _this = this;
                    $(this).tooltip("show");
                    $(".tooltip").on("mouseleave", function () {
                        $(_this).tooltip('hide');
                    });
                }).on("mouseleave", function () {
                    var _this = this;
                    setTimeout(function () {
                        if (!$(".tooltip:hover").length) {
                            $(_this).tooltip("hide")
                        }
                    }, 100);
		});
		
		$(".companyShowPopover").popover({
					
			 		trigger:'manual',
		            placement : 'right',
		            html: 'true',
		            animation: false
		        }).on("mouseenter", function () {
		                    var _this = this;
		                    $(this).popover("show");
		                    $(".popover").on("mouseleave", function () {
		                        $(_this).popover('hide');
		                    });
		                }).on("mouseleave", function () {
		                    var _this = this;
		                    setTimeout(function () {
		                        if (!$(".popover:hover").length) {
		                            $(_this).popover("hide")
		                        }
		                    }, 100);
				});
			$.fn.typeahead.Constructor.prototype.blur = function() {
			    var that = this;
			    setTimeout(function () { that.hide() }, 250);
			 };
			 $('#searchCompany').typeahead({
			    source: function(query, process) {
			    	 searchs = [];
			    	 map = {};
			    	 var searchTypeList = [
			    	 {"searchType": "1", "searchName": "在相关企业中搜索"+query},
			    	 {"searchType": "2", "searchName": "在相关人员中搜索"+query},
			    	 {"searchType": "3", "searchName": "在相关产品中搜索"+query},
			    	 {"searchType": "4", "searchName": "(1)在相关企业中搜索"+query}
			    	 ];
			    	 $.each(searchTypeList, function (i, searchType) {
			    	 map[searchType.searchName] = searchType;
			    	 searchs.push(searchType.searchName);
			    	 });
			    	 process(searchs);
			      // return ["在企业中搜索"+query+"的企业", "在企业中搜索"+query+"的企业(2)", "在相关人员中搜索"+query,"在相关产品中搜索"+query];
			    },
			   
			    menu: '<ul class="typeahead dropdown-menu" style="width:1000px"></ul>',
			    item: '<li><a href="#" ></a></li>',
			    updater: function(item) {
		    	  doSearch(item,map[item].searchType)	
			      return item;
			     
			    }
			 });
			 
			 
			function doSearch(keyword,searchType){
				 
				 // use ajax or formsubmit
				if(searchType==1){
					window.location.href="searchSample_01_companys.html";
				}
				if(searchType==2){
					window.location.href="searchSample_01_companys.html";
				}
				if(searchType==3){
					window.location.href="searchSample_01_companys.html";
				}
				if(searchType==4){
					window.location.href="searchSample_02_companys.html";
				}
			 }

			$(".compareShowPopover").popover({
				
				trigger:'manual',
			    placement : 'left',
			    html: 'true',
			    animation: false
			}).on("mouseenter", function () {
			            var _this = this;
			            $(this).popover("show");
			            $(".popover").on("mouseleave", function () {
			                $(_this).popover('hide');
			            });
			        }).on("mouseleave", function () {
			            var _this = this;
			            setTimeout(function () {
			                if (!$(".popover:hover").length) {
			                    $(_this).popover("hide")
			                }
			            }, 100);
		});

			
	</script>

	<!-- END JAVASCRIPTS -->


<!-- END BODY -->

</html>